<template>
  <div>
    <a-modal
      :title="$t('preCheck.viewResult.title')"
      placement="right"
      width="40%"
      v-model:open="props.open"
      @ok="close"
      @cancel="close"
    >
      <a-card>
        <a-form layout="vertical" :model="formState">
          <a-form-item label="检查结果">
            <a-textarea
              :disabled="true"
              v-model:value="itemRecord.results"
              :auto-size="{ minRows: 5, maxRows: 0 }"
            />
          </a-form-item>
          <a-form-item label="修复建议">
            <a-textarea
              :disabled="true"
              v-model:value="itemRecord.Repair"
              :auto-size="{ minRows: 5, maxRows: 0 }"
            />
          </a-form-item>
        </a-form>
      </a-card>
    </a-modal>
  </div>
</template>

<script setup>
import { ref, reactive, onMounted, defineEmits, defineComponent } from "vue";
import * as http from "@/api/flow/index.js";
import { Disablable } from "@antv/x6";

const emit = defineEmits(["update:open"]);
const props = defineProps({
  open: {
    type: Boolean,
    required: true,
    default: false,
  },
  itemRecord: {
    type: Object,
    required: true,
  },
});

const formState = reactive({
  fieldA: "",
  fieldB: "",
});

// 关闭弹框
const close = () => {
  emit("update:open");
};
</script>

<style lang="scss" scoped></style>
